// import React, { useState } from 'react';
// import {
//   Avatar,
//   Box,
//   Tag,
//   ResponsiveGrid,
//   Card,
//   Table,
//   Timeline,
//   List,
// } from '@alifd/next';
// import {Workplace as mock} from '../../../Analysis/mock';

// import styles from './index.module.scss';

// const { Cell } = ResponsiveGrid;
// const TimelineItem = Timeline.Item;

// interface OrderItem {
//   name?: string;
//   state?: string;
//   level?: string;
// }

// interface ProjectItem {
//   projectId?: number;
//   projectName?: string;
//   projectDesc?: string;
//   createTime?: string;
//   img?: string;
//   update?: string;
// }

// interface TimeLineItem {
//   planName?: string;
//   planAddress?: string;
//   planTime?: string;
//   planDuaring?: string;
// }

// interface UpdateItem {
//   projectItem?: string;
//   project?: string;
//   time?: string;
//   name?: string;
//   action?: string;
//   avatar?: string;
// }

// interface EntranceItem {
//   name?: string;
//   link?: string;
// }

// export interface DataSource {
//   orderList?: OrderItem[];
//   projectList?: ProjectItem[];
//   timeLineList?: TimeLineItem[];
//   updateList?: UpdateItem[];
//   entranceList?: EntranceItem[];
//   person?: {
//     avatar?: string;
//     surname?: string;
//     name?: string;
//     email?: string;
//   };
// }

// const DEFAULT_DATA: DataSource = {
//   person: {
//     avatar: 'https://img.alicdn.com/tfs/TB1XdnvvUY1gK0jSZFCXXcwqXXa-500-500.png',
//     surname: '',
//     name: '',
//     email: '',
//   },
//   orderList: mock.orderList,
//   projectList: mock.projectList,
//   timeLineList: mock.timeLineList,
//   updateList: mock.updateList,
//   entranceList: mock.entrances,
// };
// export interface WorkTableProps {
//   dataSource?: DataSource;
// }

// const colorMap = {
//   hot: 'red',
//   middle: 'yellow',
//   new: 'green',
// };

// const WorkTable: SFC<WorkTableProps> = (props: WorkTableProps): JSX.Element => {
//   const { dataSource = DEFAULT_DATA } = props;

//   const { orderList, projectList, updateList } = dataSource;

//   const [tab, setTab] = useState('1');

//   const changeTab = (val: string) => setTab(val);

//   const renderLevel = (text: string, index: number) => {
//     return (
//       <span key={text + index.toString()}>
//         <Tag size="small" color={colorMap[text]}>
//           {text}
//         </Tag>
//       </span>
//     );
//   };

//   return (
//     <div className={styles.WorkTable}>
//       <div className={styles.workerContainor}>
//         <Box flex={1}>
//           {/* <Box direction="row" spacing={28}>
//             <Avatar size={80} src={person.avatar} className={styles.avatar} />
//             <Box>
//               <Typography.Text className={styles.TitleName}>
//                 {person.surname}
//                 {person.name}
//               </Typography.Text>
//               <Typography.Text className={styles.TitleInfo}>{person.email}</Typography.Text>
//             </Box>
//           </Box> */}
//         </Box>
//       </div>
//       <div className={styles.workTableContent}>
//         <ResponsiveGrid gap={20}>
//           <Cell colSpan={10}>
//             <Card free style={{ height: '100%' }}>
//               <Card.Header title="热门关键词" />
//               <Card.Divider />
//               <Card.Content>
//                 <Table
//                   dataSource={orderList}
//                   hasBorder={false}
//                 >
//                   <Table.Column title="关键词" dataIndex="name" width={300} />
//                   <Table.Column title="热门趋势" dataIndex="level" cell={renderLevel} width={150} />
//                 </Table>
//               </Card.Content>
//             </Card>
//           </Cell>
//           <Cell colSpan={5}>
//             <Card free>
//               <Card.Header title="近期要闻" />
//               <Card.Divider />
//               <Card.Content>
//                 <List>
//                   {projectList.map((project) => {
//                     return (
//                       <List.Item key={project.projectId} title={project.projectName} media={<Avatar src={project.img} />}>
//                         {project.projectDesc}
//                       </List.Item>
//                     );
//                   })}
//                   <List.Item>查看更多</List.Item>
//                 </List>
//               </Card.Content>
//             </Card>
//           </Cell>
//           <Cell colSpan={5}>
//             <Card free>
//               <Card.Header title="动态" />
//               <Card.Divider />
//               <Card.Content>
//                 <List>
//                   {updateList.map((one) => {
//                     let title;
//                     switch (one.action) {
//                       case 'create':
//                         title = (
//                           <div key={title}>
//                             {one.name} 在 <a href="/">{one.project}</a> 新建项目{' '}
//                             <a href="/">{one.projectItem}</a>{' '}
//                           </div>
//                         );
//                         break;
//                       case 'release':
//                         title = (
//                           <div key={title}>
//                             {one.name} 将 <a href="/">{one.project}</a> 更新至发布状态{' '}
//                           </div>
//                         );
//                         break;
//                       case 'note':
//                         title = (
//                           <div key={title}>
//                             {one.name} 在 <a href="/">{one.project}</a> 发布了{' '}
//                             <a href="/">{one.projectItem}</a>{' '}
//                           </div>
//                         );
//                         break;
//                       default:
//                         break;
//                     }

//                     return (
//                       <List.Item title={title} media={<Avatar src={one.avatar} />}>
//                         {one.time}
//                       </List.Item>
//                     );
//                   })}
//                 </List>
//               </Card.Content>
//             </Card>
//           </Cell>
//         </ResponsiveGrid>
//       </div>
//     </div>
//   );
// };

// export default WorkTable;



import React from 'react'

export default function Index() {
  return (
    <div>
      我是简单来说
    </div>
  )
}
